import React, { Component } from 'react'
import { View, Text ,Image} from '@tarojs/components'
import Navbbar from '../../components/Navbbar'
import './index.less'
import Idcard from '../../components/Idcard'
export default class Mine extends Component {
  render() {
    return (
      <View className='mine_box'>
        <Navbbar></Navbbar>
        <View className='bac'></View>  
        <Idcard></Idcard>
        <View className='middle_box'>
          <View className='middle_box_item'>
            <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/history.png'></Image>
            <View>足迹</View>
          </View>
          <View className='middle_box_item'> 
            <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/kefu.png'></Image>
            <View>客服</View>
          </View>
          <View className='middle_box_item'>
            <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/more.png'></Image>
            <View>更多</View>
          </View>
        </View>
        <View className='info_box'>
            <View className='info_box_title'>账号关联</View>
            <View className='info_list'>
                <View className='one_item'>
                  <View className='item_title'>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/email.png'></Image>
                  <Text>邮箱绑定</Text>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/right.png' className='right_icon'></Image>
                  </View>
                </View>
                <View className='one_item'>
                  <View className='item_title'>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/wx.png'></Image>
                  <Text>微信关联</Text>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/right.png' className='right_icon'></Image>
                  </View>
                </View>
                <View className='one_item'>
                  <View className='item_title'>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/about.png'></Image>
                  <Text>关于我们</Text>
                  <Image src='https://tpc666666.oss-cn-shanghai.aliyuncs.com/right.png' className='right_icon'></Image>
                  </View>
                </View>
                
            </View>
          </View>
        <View className='authority'>
        ©programmer-menus powered by Tianpengcheng THX.
        </View>
      </View>
    )
  }
}
